// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/v2/theming/
$font-path: "../assets/fonts";

$app-direction: ltr;
@import "ionic.globals";

// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/




// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #488aff,
  secondary:  #339933,
  danger:     #ff3333,
  light:      #f4f4f4,
  dark:       #222,
  default:    #3c8dbc
);

// 设计图宽度是750
$design-width: 750;

// 字体
$font-family-base : '方正兰亭黑简体';
$font-family-thin : '方正兰亭细黑_GBK';
$font-family-picker: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';

// 渐变颜色
$office-start-linear: #2DA0B5;
$office-end-linear: #367AC4;
//$office-default: #3c8dbc;
$office-default: $office-start-linear;

$office-picker-btn: #3682da;

$office-header-blue: #2f9fb5;

$office-bank-encryption: #339933;

// 收纳盒颜色
$office-red: #cc0000;
$office-button-danger: #ff3333;

$office-label-unread: #ff0000;

//

$office-white: #ffffff;

// 透明度颜色
$office-opacity-white: rgba(255,255,255,.7);
$office-opacity-black: rgba(0, 0, 0, 0.6);

$office-blue: #3399ff;

$office-gray: #cccccc;

$office-black: #000000;
$office-light-black-three: #333333;
$office-light-black-six: #666666;
$office-light-black-nine: #999999;

$office-border-color: #e6e6ea;

// 详情页的背景颜色
$office-toolbar-background: #f5f5f5;

$office-page-background: #efeff4;

// 控件 share
$office-share-item-background: #ededed;
$office-share-border-color: #bebebe;
$office-share-cancel-background: #f8f8f8;

$office-ion-item-border-color: #e6e6ea;

//$item-ios-padding-right:0px;

// ion-img 图像尚未完全加载时的颜色
$img-placeholder-background : $office-gray;

// picker
$picker-default: #6396e7;
$font-color: $office-light-black-three;
$danger: $office-button-danger;
$border-color: #dddddd;

// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here


// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here




// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here




// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";

$office-font-size-small: 0.37333rem;
$office-font-size-normal: 0.42667rem;

$h1-font-size: $office-font-size-small;
$h2-font-size: $office-font-size-small;
$h3-font-size: $office-font-size-small;
$h4-font-size: $office-font-size-small;
$h5-font-size: $office-font-size-small;
$h6-font-size: $office-font-size-small;

$button-ios-font-size: $office-font-size-normal;
$button-md-font-size: $office-font-size-normal;

// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/

@import "ionic.ionicons";

// 重置上滑动颜色
$refresher-icon-color : $office-light-black-six;
// Fonts
// --------------------------------------------------

@import "roboto";
@import "noto-sans";
